
// var myChart= echarts.init(document.getElementById('lineChart'))
// var myChart1= echarts.init(document.getElementById('lineChart1'))
function topChart(){
    if (myChart != null && myChart != "" && myChart != undefined) {
        myChart.dispose();
    }
    var tem1=document.getElementById("tem1");
    var tem2=document.getElementById("tem2");
    var hum1=document.getElementById("hum1");
    var hum2=document.getElementById("hum2");
    var tem1Value=tem1.value;
    var tem2Value=tem2.value;
    var hum1Value=hum1.value;
    var hum2Value=hum2.value;
    var flag=window.localStorage.getItem("flag");
    var people=document.getElementById("people");
     var peopleValue=people.value;
     var peopleNumber=Number(peopleValue);
    var flag1=Number(flag);
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "/power/strategy/getHourData",
        data:{tem1:tem1Value,tem2:tem2Value,hum1:hum1Value,hum2:hum2Value,flag:flag1,person:peopleNumber},
        success: function(result) {
            console.log("热量数据");
            var arrEle=result.dls;
            console.log("arrEle"+arrEle);
            var arr=result.gongkuang;
            //动态生成工况开始
            var gongkuang1=document.getElementsByClassName("gongkuang")[0];
            gongkuang1.innerHTML='';
            for(var i=0;i<arr.length;i++){
                var newdiv=document.createElement("div");
                //     <!--                <div>-->
                //     <!--                    <img src="img2/computer.png" alt="" >-->
                //     <!--                    <span>工况6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蓄能</span>-->
                //     <!--                    <div></div>-->
                //     <!--                </div>-->
                // <!--                <div>-->
                var newimg=document.createElement("img");
                newimg.setAttribute("src","img2/computer.png");
                newdiv.appendChild(newimg);
                var newdiv1=document.createElement("div");
                var newspan=document.createElement("span");
                newspan.innerHTML=arr[i];
                newdiv.appendChild(newspan);
                newdiv.appendChild(newdiv1);
                var gongkuang=document.getElementsByClassName("gongkuang")[0];
                gongkuang.appendChild(newdiv);
                // console.log(arr[i]);
            }
            myChart= echarts.init(document.getElementById('lineChart'));
            option1.series[0].data=arrEle;
            myChart.setOption(option1);
        },
    })

}
function topChart1(){
    if (myChart1 != null && myChart1 != "" && myChart1 != undefined) {
        myChart1.dispose();
    }
    var tem1=document.getElementById("tem1");
    var tem2=document.getElementById("tem2");
    var hum1=document.getElementById("hum1");
    var hum2=document.getElementById("hum2");
    var tem1Value=tem1.value;
    var tem2Value=tem2.value;
    var hum1Value=hum1.value;
    var hum2Value=hum2.value;
    var flag=window.localStorage.getItem("flag");
    var people=document.getElementById("people");
    var peopleValue=people.value;
    var peopleNumber=Number(peopleValue);
    var flag1=Number(flag);
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "/power/strategy/getHourData",
        data:{tem1:tem1Value,tem2:tem2Value,hum1:hum1Value,hum2:hum2Value,flag:flag1,person:peopleNumber},
        success: function(result) {
            console.log("热量数据");
            var arrEle=result.nls;
            console.log("nls"+arrEle);
            myChart1= echarts.init(document.getElementById('lineChart1'));
            option2.series[0].data=arrEle;
            myChart1.setOption(option2);
        },
    })

}
var option1 = {

    title: {
        text: '小时电度预测',
        x: '400' ,
        padding:[0,0,0,50],
        textStyle: {
            color: "#fff",
            fontSize:'16',
            fontWeight:'500'
        },
    },
    animation:false,
    // animationDuration:15000,

    legend: {
        // orient 设置布局方式，默认水平布局，可选值：'horizontal'（水平） ¦ 'vertical'（垂直）
        orient: 'horizontal',
        // x 设置水平安放位置，默认全图居中，可选值：'center' ¦ 'left' ¦ 'right' ¦ {number}（x坐标，单位px）
        x: 'center',
        // y 设置垂直安放位置，默认全图顶端，可选值：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位px）
        y: 'top',
        data: ['电度'],
        textStyle: {
            //标题颜色
            color: "#fff"
        },
    },

    //  图表距边框的距离,可选值：'百分比'¦ {number}（单位px）
    grid: {
        top: '20%',   // 等价于 y: '16%'
        left: '3%',
        right: '8%',
        bottom: '3%',
        containLabel: true
    },

    // 提示框
    tooltip: {
        trigger: 'axis'
    },

    // //工具框，可以选择
    // toolbox: {
    //     feature: {
    //         saveAsImage: {} //下载工具
    //     }
    // },

    xAxis: {
        type: 'category',
        axisLine: {
            lineStyle: {
                // 设置x轴颜色
                color: '#fff'
            }
        },
        // 设置X轴数据旋转倾斜
        axisLabel: {
            rotate: 0, // 旋转角度
            interval: 1  //设置X轴数据间隔几个显示一个，为0表示都显示
        },
        // boundaryGap值为false的时候，折线第一个点在y轴上
        boundaryGap: false,
        data:["00:00","01:00","02:00","03:00","04:00","05:00",
            "06:00","07:00","08:00","09:00","10:00","11:00",
            "12:00","12:00","14:00","15:00","16:00","17:00",
            "18:00","19:00","20:00","21:00","22:00","23:00"]
    },

    yAxis: {
        name: 'KWh',
        type: 'value',
        // min:0, // 设置y轴刻度的最小值
        // max:1800,  // 设置y轴刻度的最大值
        splitNumber:9,  // 设置y轴刻度间隔个数
        axisLine: {
            lineStyle: {
                // 设置y轴颜色
                color: '#fff'
            }
        },
    },

    series: [
        {
            name: '电度',
            data: [],
                // [820, 932, 301, 1434, 1290, 1330, 1320,
                // 810,900,700,1000,1200,1700,
                // 1200,900,1300,1400,1500,800,950,
                // 890, 1000, 301,500 ],
            type: 'line',
            // 设置小圆点消失
            // 注意：设置symbol: 'none'以后，拐点不存在了，设置拐点上显示数值无效
            symbol: 'none',
            // 设置折线弧度，取值：0-1之间
            smooth: 0.5,
            itemStyle:{
                normal:{
                    // 拐点上显示数值
                    label : {
                        show: true
                    },
                    borderColor:'red',  // 拐点边框颜色
                    lineStyle:{
                        width:3,  // 设置线宽
                        type:'solid'  //'dotted'虚线 'solid'实线
                    }
                }
            }
        },

    ],

    color: [ '#eeb151']
};
var option2 = {

    title: {
        text: '小时冷/热量预测',
        x: '400' ,
        padding:[0,0,0,50],
        textStyle: {
            color: "#fff",
            fontSize:'16',
            fontWeight:'500'
        },
    },
    animation:false,


    legend: {
        // orient 设置布局方式，默认水平布局，可选值：'horizontal'（水平） ¦ 'vertical'（垂直）
        orient: 'horizontal',
        // x 设置水平安放位置，默认全图居中，可选值：'center' ¦ 'left' ¦ 'right' ¦ {number}（x坐标，单位px）
        x: 'center',
        // y 设置垂直安放位置，默认全图顶端，可选值：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位px）
        y: 'top',
        data: ['冷/热量'],
        textStyle: {
            //标题颜色
            color: "#fff"
        },
    },

    //  图表距边框的距离,可选值：'百分比'¦ {number}（单位px）
    grid: {
        top: '20%',   // 等价于 y: '16%'
        left: '3%',
        right: '8%',
        bottom: '3%',
        containLabel: true
    },

    // 提示框
    tooltip: {
        trigger: 'axis'
    },

    // //工具框，可以选择
    // toolbox: {
    //     feature: {
    //         saveAsImage: {} //下载工具
    //     }
    // },

    xAxis: {
        type: 'category',
        axisLine: {
            lineStyle: {
                // 设置x轴颜色
                color: '#fff'
            }
        },
        // 设置X轴数据旋转倾斜
        axisLabel: {
            rotate: 0, // 旋转角度
            interval: 1  //设置X轴数据间隔几个显示一个，为0表示都显示
        },
        // boundaryGap值为false的时候，折线第一个点在y轴上
        boundaryGap: false,
        data:["00:00","01:00","02:00","03:00","04:00","05:00",
            "06:00","07:00","08:00","09:00","10:00","11:00",
            "12:00","12:00","14:00","15:00","16:00","17:00",
            "18:00","19:00","20:00","21:00","22:00","23:00"]
    },

    yAxis: {
        name: 'KWh',
        type: 'value',
        // min:0, // 设置y轴刻度的最小值
        // max:1800,  // 设置y轴刻度的最大值
        splitNumber:9,  // 设置y轴刻度间隔个数
        axisLine: {
            lineStyle: {
                // 设置y轴颜色
                color: '#fff'
            }
        },
    },

    series: [
        {
            name: '冷/热量',
            data:[],
                // [620, 732, 941, 834, 1690, 1030, 920,
                //     620, 732, 941, 834, 1690, 1030, 920,
                //
                //     620, 732, 941, 834, 1690, 1030, 920,
                //     620, 732, 941],
            type: 'line',
            symbol: 'none',
            smooth: 0.5,
            // 设置折线上圆点大小
            symbolSize:8,
            // itemStyle:{
            //     normal:{
            //         // 拐点上显示数值
            //         label : {
            //             show: true
            //         },
            //         borderColor:'red',  // 拐点边框颜色
            //         lineStyle:{
            //             width:5,  // 设置线宽
            //             type:'solid'  //'dotted'虚线 'solid'实线
            //         }
            //     }
            // }
        },
    ],

    color: ['#ea7a80']
};
